/* Opervyn motion edition — progressive enhancement, readable without JavaScript. */
.enhanced-banner{position:relative;padding-right:40%;min-height:540px;display:flex;flex-direction:column;justify-content:center}.enhanced-banner h1{font-size:clamp(2.9rem,4.4vw,4.7rem)}.enhanced-banner .lead{font-size:17px}.banner-scene{position:absolute;right:0;top:55px;width:43%;height:400px;border:1px solid #e5eafb;background:radial-gradient(ellipse at 50% 55%,#dce5ff 0%,#f4f7ff 48%,#fff 80%);border-radius:24px;overflow:hidden;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s;isolation:isolate}.scene-caption{position:absolute;left:24px;top:23px;font-size:9px;letter-spacing:.16em;color:#677aab}.orbital-stage{height:320px;position:relative;display:grid;place-items:center;perspective:700px}.orbital{position:absolute;width:230px;height:230px;border:1px solid #8ba1ed66;border-radius:50%;animation:orbitalTurn 18s linear infinite}.orbit-a{transform:rotateX(65deg) rotateZ(20deg)}.orbit-b{width:270px;height:270px;animation-direction:reverse;transform:rotateY(65deg) rotateZ(-30deg)}.orbit-c{width:195px;height:195px;border-style:dashed;animation-duration:28s}.orbital:after{content:'';position:absolute;top:28px;left:32px;width:7px;height:7px;background:#5b79ff;border-radius:50%;box-shadow:0 0 0 7px #a4b5ff22}.scene-core{width:106px;height:110px;display:grid;place-items:center;z-index:1;background:#f6f8ffb8;backdrop-filter:blur(4px);border-radius:28px;border:1px solid #e1e7ff;box-shadow:0 20px 40px #3b5adc15;animation:coreBreathe 6s ease-in-out infinite}.core-fold{display:block;width:90px;height:94px;background:url('../images/opervyn-approved-logo.png') -54px -46px/400px 200px;mix-blend-mode:multiply}.scene-node{position:absolute;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid #e2e9fc;box-shadow:0 10px 30px #294ca50d;padding:9px 12px;border-radius:8px;font-size:10px;z-index:2;animation:nodeFloat 7s ease-in-out infinite}.node-glyph{color:#4c69ef;font-size:19px;line-height:1}.node-0{top:72px;left:20px}.node-1{right:14px;top:162px;animation-delay:-2s}.node-2{bottom:25px;left:36px;animation-delay:-4s}.scene-meter{position:absolute;bottom:28px;left:25px;right:25px;display:flex;gap:8px;align-items:center;font-size:7px;color:#8694b8;letter-spacing:.09em}.scene-meter i{height:1px;flex:1;background:linear-gradient(90deg,#c3ceef,#4569f8,#c3ceef);background-size:200% 100%;animation:signalRun 3s linear infinite}.contact-intro.enhanced-banner{padding-right:0;display:block;min-height:0}.contact-intro .banner-scene{position:relative;top:0;width:100%;height:270px;margin-top:30px}.contact-intro .orbital-stage{height:240px;transform:scale(.8);transform-origin:center}.contact-intro .scene-caption{font-size:8px}.contact-intro .scene-meter{bottom:16px}.motion-section{position:relative}.section-signal{height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;opacity:.6}.section-signal i{position:absolute;width:140px;height:1px;background:linear-gradient(90deg,transparent,#8098ff,transparent);left:-140px;animation:sectionFlow 16s linear infinite;animation-delay:calc(var(--section-index)*-1s)}.section-signal i:nth-child(2){animation-delay:-5s}.section-signal i:nth-child(3){animation-delay:-10s}.motion-section:not(.motion-visible) *{animation-play-state:paused!important}.feature-glyph{height:50px;width:65px;margin-bottom:20px;display:flex;align-items:center;gap:4px;position:relative}.glyph-0 i{width:5px;height:15px;background:#7d94f7;border-radius:5px;animation:featureWave 2s ease-in-out infinite}.glyph-0 i:nth-child(2n){height:33px;animation-delay:-.4s}.glyph-0 i:nth-child(3){height:45px;animation-delay:-.8s}.glyph-1 span{height:40px;width:44px;border:1px solid #8da1ef;border-radius:10px}.glyph-1 i{position:absolute;left:5px;width:35px;height:1px;background:#4b6dfa;animation:featureScan 3s ease-in-out infinite}.glyph-2 span{height:27px;width:20px;border:1px solid #9aacf3;border-radius:4px;animation:nodeFloat 5s ease-in-out infinite;background:#f0f3ff}.glyph-2 span:nth-child(2){animation-delay:-1.5s}.glyph-2 span:nth-child(3){animation-delay:-3s}.scene-live-note{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#788caf;margin-top:17px}.product-scene{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s}.orbit-ring{animation:productOrbit 20s linear infinite}.orbit-ring.second{animation-direction:reverse;animation-duration:27s}.mini-message{position:relative;overflow:hidden}.mini-message:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff80 50%,transparent 75%);transform:translateX(-100%);animation:softSweep 7s ease-in-out infinite}.intelligence-lab .section-heading p{max-width:390px}.lab-controls{display:flex;gap:10px;margin-bottom:30px}.lab-controls button{border:1px solid #dfe6fa;background:#fff;padding:14px 25px;border-radius:9px;text-align:left;color:#3e527e;min-width:195px;font-size:18px;font-family:var(--font);letter-spacing:-.03em}.lab-controls small{display:block;font-size:11px;letter-spacing:0;font-family:var(--body);color:#8694b3;margin-top:3px}.lab-controls [aria-pressed=true]{background:#0e1b44;color:white;border-color:#0e1b44;box-shadow:0 10px 25px #102c6c12}.lab-body{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #dfe6f5;border-radius:20px;overflow:hidden;background:#f8faff}.lab-people{padding:50px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 40%,#e3eaff,#f5f8ff 70%);position:relative}.operator-avatar{width:90px;height:90px;position:relative;margin:8px 0 35px;animation:nodeFloat 8s ease-in-out infinite}.operator-avatar svg{width:100%;height:100%}.person-ring{position:absolute;inset:-10px;border:1px solid #b6c5f6;border-radius:50%;animation:coreBreathe 5s ease-in-out infinite}.lab-people .eyebrow{margin-bottom:18px;font-size:9px}.lab-people blockquote{font-size:24px;line-height:1.5;letter-spacing:-.035em;color:#263d75;max-width:340px;min-height:110px}.signal-track{display:flex;gap:6px;height:40px;align-items:center;margin:8px 0 18px}.signal-track i{width:4px;height:12px;background:#6b89f4;border-radius:3px;animation:featureWave 1.7s ease-in-out infinite}.signal-track i:nth-child(2n){height:27px;animation-delay:-.4s}.signal-track i:nth-child(3n){height:40px;animation-delay:-.8s}.lab-record{background:white;padding:35px 38px}.lab-record-top{display:flex;gap:12px;align-items:center}.lab-record-top b{font-weight:500;font-size:18px}.lab-record-top small{display:block;font-size:8px;letter-spacing:.13em;color:#8794ae}.lab-record-top>.tag{margin-left:auto;font-size:7px}.agent-avatar{display:grid;place-items:center;width:45px;height:45px;background:#e9eeff;color:#4465e9;border-radius:13px;font-size:34px;line-height:1;font-family:var(--font)}.story-steps{display:flex;gap:5px;margin:30px 0}.story-steps button{border:0;border-bottom:2px solid #e9edf6;background:none;font-size:10px;padding:10px 2px;color:#8794af;flex:1}.story-steps [aria-pressed=true]{color:#3c5df5;border-color:#5d7aff}.story-output{min-height:245px}.story-output .eyebrow{font-size:9px;margin-bottom:12px}.story-output h3{font-size:28px;max-width:340px}.story-output p{font-size:14px;max-width:420px}.story-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;background:#f7f9ff;border-radius:8px;margin-bottom:20px}.story-fields span{font-size:10px;color:#8a98b4}.story-fields b{display:block;font-size:15px;color:#304b7a;font-weight:500;margin-top:4px}.review-note{font-size:11px;color:#68817c;display:flex;align-items:center;gap:9px}.review-note>span{display:grid;place-items:center;border:1px solid #cbded5;border-radius:50%;width:20px;height:20px}.story-navigation{display:flex;justify-content:space-between;border-top:1px solid #e7ecf7;padding-top:20px;margin-top:25px}.story-navigation>span{font-size:11px;color:#8a9abb}.story-navigation button{border:0;background:none;font-size:12px;color:#3855aa}.dark-section .section-signal{opacity:.3}.workflow-stack>div{animation:nodeFloat 8s ease-in-out infinite}.workflow-stack>div:nth-child(2){animation-delay:-2s}.workflow-stack>div:nth-child(3){animation-delay:-4s}.workflow-stack>div:nth-child(4){animation-delay:-6s}.motion-paused *{animation-play-state:paused!important}.motion-paused .banner-scene,.motion-paused .product-scene{transform:none!important}@keyframes orbitalTurn{to{rotate:360deg}}@keyframes coreBreathe{0%,100%{scale:1}50%{scale:1.06}}@keyframes nodeFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes signalRun{to{background-position:200% 0}}@keyframes sectionFlow{to{left:100%}}@keyframes featureWave{0%,100%{scale:1 .55}50%{scale:1 1}}@keyframes featureScan{0%,100%{top:10px}50%{top:40px}}@keyframes productOrbit{to{rotate:360deg}}@keyframes softSweep{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media(max-width:1100px){.enhanced-banner{padding-right:43%}.enhanced-banner h1{font-size:3.3rem}.banner-scene{width:40%;height:360px}.scene-node{font-size:8px;padding:8px}.node-0{left:8px}.node-1{right:5px}.node-2{left:15px}.orbital-stage{scale:.85}.scene-meter{font-size:6px;left:12px;right:12px}.lab-record{padding:28px}.lab-people{padding:40px 25px}.lab-record-top>.tag{display:none}}
@media(max-width:767px){.enhanced-banner{padding-right:0;min-height:0;display:block}.enhanced-banner h1{font-size:clamp(2.6rem,9.5vw,4rem)}.banner-scene{position:relative;top:0;margin-top:30px;width:100%;height:325px}.orbital-stage{height:280px;scale:.9}.scene-caption{font-size:8px;top:17px;left:18px}.scene-meter{bottom:18px;font-size:7px}.scene-node{font-size:10px;padding:9px}.node-0{left:10px;top:63px}.node-1{right:5px;top:147px}.node-2{bottom:10px;left:23px}.lab-controls button{min-width:0;flex:1;padding:12px 16px;font-size:17px}.lab-controls small{font-size:9px}.lab-body{grid-template-columns:1fr}.lab-people{padding:30px 25px}.operator-avatar{width:68px;height:68px;margin:5px 0 23px}.lab-people blockquote{font-size:22px;min-height:0;margin-bottom:10px}.signal-track{margin:3px 0 10px}.lab-record{padding:24px}.story-steps{margin:22px 0}.story-steps button{font-size:9px}.story-output{min-height:275px}.story-output h3{font-size:26px}.story-output p{font-size:13px}.review-note{font-size:10px}.feature-glyph{height:40px;margin-bottom:16px}.contact-intro .banner-scene{height:250px}.contact-intro .orbital-stage{height:220px}}
@media(prefers-reduced-motion:reduce){.banner-scene,.product-scene{transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Bespoke motion compositions: one visual language, distinct page narratives. */
.vx-art{display:block;width:100%;height:100%;color:#647ee2;overflow:visible}.vx-banner{background:radial-gradient(ellipse at 55% 42%,#e7edff,transparent 65%),linear-gradient(140deg,#fafbff,#f3f6ff);display:flex;align-items:center;justify-content:center}.vx-banner>.vx-art{width:100%;height:82%;padding:20px 8px 8px}.vx-banner .scene-caption{font-size:8px;z-index:2;right:16px;line-height:1.6}.vx-scene-footer{position:absolute;left:20px;right:20px;bottom:19px;display:flex;align-items:center;gap:7px;color:#7b8daf;font-size:8px}.vx-scene-footer>span:last-child{margin-left:auto;font-size:6px;letter-spacing:.08em}.vx-pulse-dot{width:5px;height:5px;background:#708ff2;border-radius:50%;animation:vxPulse 3s ease-in-out infinite}.vx-connect{stroke-dasharray:4 7;animation:vxDataFlow 14s linear infinite}.vx-node{transform-box:fill-box;transform-origin:center;animation:vxNode 6s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.7s)}.vx-node>circle:first-child{fill:#f9fbff;stroke:#98abec}.vx-node>circle:nth-child(2){fill:#a7b8f1;stroke:none}.vx-node>path{stroke:#627bd1;stroke-width:2}.vx-tile{fill:#f8faff;animation:vxFloat 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*-1.4s)}.vx-tile.second{animation-delay:-2s}.vx-tile.third{animation-delay:-4s}.vx-human{fill:#eff3ff;animation:vxFloat 8s ease-in-out infinite}.vx-human>circle{fill:#cbd6fc}.vx-human>path{fill:#dce4ff}.vx-halo{stroke:#b4c3f1;stroke-dasharray:3 8;transform-box:fill-box;transform-origin:center;animation:vxHalo 35s linear infinite}.vx-halo.second{animation-direction:reverse;opacity:.6}.vx-iris{transform-box:fill-box;transform-origin:center;animation:vxAperture 13s ease-in-out infinite;fill:#e1e8ff88}.vx-scan{stroke:#4269ff;stroke-width:2;filter:drop-shadow(0 0 5px #91a6ff);animation:vxScan 5s ease-in-out infinite}.vx-target{fill:#eef7f4;stroke:#78a99e;animation:vxTarget 5s ease-in-out infinite}.vx-ring{stroke:#b2c2f5;stroke-dasharray:2 8;transform-box:fill-box;transform-origin:center;animation:vxHalo 40s linear infinite}.vx-ring.second{animation-direction:reverse}.vx-bars rect{fill:#708ce9;stroke:none;transform-box:fill-box;transform-origin:center;animation:vxAudio 2.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.18s)}.vx-dot{fill:#5978ea;stroke:none;animation:vxPulse 3s ease-in-out infinite}.vx-dot.second{animation-delay:-1.5s}.vx-shield{fill:#edf2ff;stroke:#8ba3ec;stroke-width:2;animation:vxShield 6s ease-in-out infinite}.vx-product-art{height:300px!important;min-height:0!important;display:block!important}.vx-product-art>.vx-art{width:100%;max-height:300px}.vx-avatar{padding:0!important;overflow:hidden;background:none!important}.vx-avatar svg{width:100%;height:100%;display:block}.vx-feature-art{width:110px;height:80px;margin:0 0 18px -9px}.vx-feature-art .vx-art{stroke-width:2.8}.vx-feature-art .vx-art>g{transform:translate(-50px,-25px) scale(1.2);transform-origin:center}.vx-section-composition{display:flex;justify-content:center;align-items:center;gap:16px;width:min(300px,70%);height:75px;margin:32px auto 0;pointer-events:none;opacity:.7}.vx-section-composition>.vx-art{width:108px;flex-shrink:0}.vx-thread{width:60px;height:1px;background:linear-gradient(90deg,transparent,#a9b9ed,transparent);background-size:200%;animation:signalRun 6s linear infinite}.dark-section .vx-section-composition,.custom-band .vx-section-composition{opacity:.65}.dark-section .vx-art,.custom-band .vx-art{color:#91aaff}.vx-avatar-group{display:flex;align-items:center;justify-content:center;isolation:isolate;margin:0 auto 27px}.vx-avatar-group>span{display:block;width:43px;height:43px;margin-left:-8px;border:3px solid white;border-radius:17px;background:#eff3ff;box-shadow:0 8px 20px #23408612;animation:vxFloat 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*-1.2s)}.vx-avatar-group>span:first-child{margin-left:0}.vx-avatar-group svg{width:100%;height:100%}.vx-avatar-group>.vx-agent-face{background:#172957;display:flex;gap:5px;align-items:center;justify-content:center;animation-delay:-3s}.vx-agent-face i{height:7px;width:4px;background:#b0c3ff;border-radius:3px;animation:vxBlink 7s ease-in-out infinite}.vx-detail{position:relative}.vx-detail:before{content:'';position:absolute;width:3px;height:14px;left:-1px;top:20%;border-radius:3px;background:#8aa5f6;opacity:.6;animation:vxDetail 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*-1.5s)}[data-motion-pattern="1"] .section-signal{bottom:auto;top:0}[data-motion-pattern="2"] .section-signal i{animation-direction:reverse}.closing .vx-section-composition{margin-top:24px}.prose .vx-section-composition{margin-bottom:30px}.contact-intro .vx-banner>.vx-art{height:85%;max-width:330px}.contact-intro .vx-scene-footer>span:last-child{display:none}
@keyframes vxDataFlow{to{stroke-dashoffset:-165}}@keyframes vxNode{0%,100%{scale:1;opacity:.85}50%{scale:1.055;opacity:1}}@keyframes vxFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes vxHalo{to{rotate:360deg}}@keyframes vxAperture{0%,100%{rotate:0deg;scale:.96}50%{rotate:60deg;scale:1.06}}@keyframes vxScan{0%,100%{translate:0 -65px;opacity:.15}50%{translate:0 65px;opacity:.9}}@keyframes vxTarget{0%,20%,100%{opacity:.35}50%,80%{opacity:1}}@keyframes vxAudio{0%,100%{scale:1 .45}45%{scale:1 1}}@keyframes vxPulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes vxShield{0%,100%{filter:drop-shadow(0 0 0 #adc1ff00)}50%{filter:drop-shadow(0 0 12px #adc1ff66)}}@keyframes vxBlink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .2}}@keyframes vxDetail{0%,100%{translate:0 0;opacity:.3}50%{translate:0 30px;opacity:.85}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-section:not(.motion-visible) *:before,.motion-section:not(.motion-visible) *:after{animation-play-state:paused!important}
@media(max-width:767px){.vx-banner>.vx-art{padding-top:25px}.vx-scene-footer{font-size:7px;left:16px;right:16px}.vx-scene-footer>span:last-child{font-size:5px}.vx-product-art{height:245px!important}.vx-feature-art{width:90px;height:65px;margin-bottom:12px}.vx-section-composition{height:60px;margin-top:24px}.vx-avatar-group>span{width:38px;height:38px}.vx-banner .scene-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.vx-scan{opacity:.6}.vx-target{opacity:1}}
/* Opervyn brand sculptures — orbital agent family and layered company architecture. */
.kinetic-brand{background:radial-gradient(ellipse at 50% 47%,#dfe8ff,#f7f9ff 62%,#fff);isolation:isolate}.kinetic-stage{position:absolute;inset:35px 0 32px;display:grid;place-items:center;perspective:800px}.brand-sculpture{width:155px;height:100px;border:1px solid #dce5ff;background:#fff;border-radius:20px;box-shadow:0 20px 45px #3c5ec11b;z-index:2;display:grid;place-items:center;position:relative;animation:brandLevitate 8s ease-in-out infinite}.brand-sculpture img{width:144px;height:72px;object-fit:contain;display:block}.brand-sculpture:after{content:'';position:absolute;inset:-5px;border:1px solid #b0c4ff50;border-radius:25px;animation:brandAura 6s ease-in-out infinite}.kin-orbit{position:absolute;width:285px;height:285px;border:1px solid #9eb4ed66;border-radius:50%;transform:rotateX(57deg) rotateZ(-22deg);animation:brandOrbit 25s linear infinite}.kin-orbit:before{content:'';position:absolute;left:38px;top:35px;width:7px;height:7px;background:#6687ed;border-radius:50%;box-shadow:0 0 0 6px #a4baff30}.kin-orbit.orbit-two{width:260px;height:260px;transform:rotateY(52deg) rotateZ(40deg);animation-direction:reverse;animation-duration:32s}.kin-orbit.orbit-three{width:220px;height:220px;border-style:dashed;opacity:.7;transform:rotateX(25deg);animation-duration:48s}.kin-satellite{position:absolute;display:grid;grid-template-columns:29px 1fr;column-gap:8px;padding:10px 12px;border:1px solid #e0e8fa;border-radius:11px;background:#fffffff5;box-shadow:0 10px 25px #4260ab0b;z-index:3;animation:brandLevitate 7s ease-in-out infinite}.kin-satellite b{font-size:11px;font-weight:500;color:#2c4476}.kin-satellite small{grid-column:2;font-size:7px;color:#7a8eaf}.sat-eira{left:6%;top:13%}.sat-warevox{right:4%;bottom:12%;animation-delay:-3s}.kin-eye,.kin-cube{grid-row:span 2;width:29px;height:29px;border-radius:9px;background:#eaf0ff;color:#6480d5;display:flex;align-items:center;justify-content:center;gap:5px}.kin-eye i{height:7px;width:3px;border-radius:4px;background:#5b7ad4;animation:vxBlink 7s infinite}.kin-cube{font-size:25px;background:#edf4f2;color:#5d9086}.kin-input{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;border:1px solid #e0e7f8;background:#ffffffec;padding:8px 10px;border-radius:9px;font-size:9px;color:#667ca5;animation:brandLevitate 9s ease-in-out infinite}.input-voice{left:8%;bottom:19%;animation-delay:-2s}.input-vision{right:8%;top:23%;animation-delay:-5s}.kin-wave{height:24px;display:flex;align-items:center;gap:2px}.kin-wave i{width:2px;height:calc(7px + var(--n)*2px);background:#7d98e8;border-radius:2px;transform-origin:center;animation:vxAudio 2.1s ease-in-out infinite;animation-delay:calc(var(--n)*-.18s)}.kin-focus{display:block;width:18px;height:18px;border:1px solid #8ea6e5;border-radius:4px;position:relative}.kin-focus:after{content:'';position:absolute;left:3px;right:3px;height:1px;top:3px;background:#6587eb;animation:smallScan 4s ease-in-out infinite}.kinetic-company{background:radial-gradient(ellipse at 50% 60%,#e4ecff,transparent 62%),linear-gradient(145deg,#fff,#f4f7ff)}.kinetic-company .brand-sculpture{width:174px;height:112px;border-radius:17px;transform:rotateY(-14deg) rotateX(10deg)}.kinetic-company .brand-sculpture img{width:160px;height:80px}.kin-plane{position:absolute;width:182px;height:128px;border:1px solid #acc0f477;border-radius:18px;background:linear-gradient(135deg,#dce6ff66,#f6f9ff33);transform:rotateX(57deg) rotateZ(-29deg);animation:planeFloat 10s ease-in-out infinite}.plane-back{translate:0 76px;scale:1.38;opacity:.5}.plane-mid{translate:0 59px;scale:1.16;animation-delay:-2s}.plane-front{translate:0 40px;animation-delay:-4s}.kin-horizon{position:absolute;width:300px;height:180px;top:27%;border:1px dashed #b6c8f3;border-radius:50%;transform:rotateX(57deg);animation:brandOrbit 50s linear infinite}.company-people{top:11%;left:9%}.company-context{right:6%;top:24%;animation-delay:-3s}.company-action{bottom:8%;left:31%;animation-delay:-5s}.kin-person{height:19px;width:17px;position:relative;border-bottom:7px solid #a5b9eb;border-radius:50%}.kin-person:before{content:'';width:8px;height:8px;border-radius:50%;background:#819bdc;position:absolute;left:5px;top:0}.kin-check{color:#6d9e8d;font-size:16px}.agent-signal-ribbon{display:flex;align-items:center;gap:10px;padding-top:15px;margin-top:17px;border-top:1px solid #e5eafa;font-size:9px;color:#7a8ca9}.agent-signal-ribbon>span:last-child{margin-left:auto}.agent-signal-ribbon>span:last-child i{font-style:normal;margin:0 4px;color:#a1b0d0}.ribbon-avatar{height:27px;width:27px;background:#e6edff;border:1px solid #d9e3ff;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:4px;animation:brandLevitate 8s ease-in-out infinite}.ribbon-avatar i{height:6px;width:3px;border-radius:2px;background:#607fce;animation:vxBlink 8s ease-in-out infinite}.warehouse-avatar{background:#eaf3f0;border-color:#d7e7e1}.warehouse-avatar i{background:#719c8e}.kinetic-card{position:relative;isolation:isolate}.card-constellation{display:flex;gap:5px;position:absolute;top:22px;right:19px;pointer-events:none}.card-constellation i{height:3px;width:3px;border-radius:50%;background:#b3c2ee;animation:constellationPulse 5s ease-in-out infinite;animation-delay:calc(var(--n)*-.5s + var(--phase)*-.7s)}.operator-signal-halo{position:absolute;inset:-21px;border:1px dashed #bacbf155;border-radius:50%;animation:brandOrbit 35s linear infinite}.operator-signal-halo i{position:absolute;width:5px;height:5px;border-radius:50%;background:#94adee;top:15%;left:15%}.operator-signal-halo i:nth-child(2){top:73%;left:88%}.operator-signal-halo i:nth-child(3){top:96%;left:34%}@keyframes brandLevitate{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes brandAura{0%,100%{opacity:.3;scale:1}50%{opacity:.8;scale:1.03}}@keyframes brandOrbit{to{rotate:360deg}}@keyframes planeFloat{0%,100%{margin-top:0;opacity:.45}50%{margin-top:9px;opacity:.8}}@keyframes smallScan{0%,100%{translate:0 0}50%{translate:0 9px}}@keyframes constellationPulse{0%,100%{opacity:.25;scale:1}50%{opacity:1;scale:1.5}}
@media(max-width:1100px) and (min-width:768px){.kinetic-stage{scale:.84;inset:30px -20px}.kinetic-brand .scene-caption{font-size:7px}}
@media(max-width:767px){.brand-sculpture{width:132px;height:86px}.brand-sculpture img{width:124px;height:62px}.kin-satellite{padding:8px;column-gap:6px}.sat-eira{top:8%;left:4%}.sat-warevox{right:3%;bottom:8%}.input-voice{left:5%;bottom:24%}.input-vision{right:4%;top:30%}.kin-orbit{width:235px;height:235px}.kin-orbit.orbit-two{width:220px;height:220px}.kin-orbit.orbit-three{width:190px;height:190px}.kinetic-company .brand-sculpture{width:147px;height:95px}.kinetic-company .brand-sculpture img{width:136px;height:68px}.company-people{left:4%;top:9%}.company-context{right:3%;top:20%}.company-action{bottom:4%}.kin-plane{width:155px;height:105px}.agent-signal-ribbon{font-size:8px;gap:7px}.agent-signal-ribbon>span:last-child i{margin:0 2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Capabilities: a sensing prism. Build with us: an isometric agent workshop. */
.prism-banner{background:radial-gradient(ellipse at 50% 39%,#e1eaff 0%,#f4f7ff 47%,#fff 85%);color:#7c96dd}.prism-art{position:absolute;inset:31px 0 auto;width:100%;height:calc(100% - 105px);overflow:visible}.prism-banner .scene-caption{font-size:7px;letter-spacing:.12em;right:18px;line-height:1.7;top:20px}.prism-shell{stroke:#8ba7ed;opacity:.55;transform-origin:210px 151px;animation:prismSpin 48s linear infinite}.prism-shell circle{stroke:#afc3f4;fill:#e7eeff33}.prism-shell ellipse:nth-child(2n){stroke:#b5c5f2}.prism-face{fill:#f7faff;stroke:#8ba5e9;filter:drop-shadow(0 12px 10px #4263b415);animation:prismFloat 8s ease-in-out infinite}.prism-face path{stroke:#5375cb;stroke-width:3}.prism-card{fill:#fff;stroke:#d3def6;animation:prismFloat 7s ease-in-out infinite;filter:drop-shadow(0 5px 7px #4a6baf0a)}.vision-card{animation-delay:-2s}.document-card{animation-delay:-4s}.prism-voice rect{fill:#7898e8;stroke:none;transform-box:fill-box;transform-origin:center;animation:vxAudio 2.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.2s)}.prism-lens{stroke:#7998df;fill:#edf3ff}.prism-lens circle:last-of-type{fill:#91acf0;animation:prismFocus 4s ease-in-out infinite;transform-origin:333px 95px}.prism-document{fill:#fafcff;stroke:#c3d2f1}.prism-document path{stroke:#8aa5e2}.prism-doc-scan{stroke:#668bea!important;animation:prismScan 4s ease-in-out infinite}.prism-paths,.work-links{stroke:#8ca7e6;stroke-dasharray:3 6;animation:vxDataFlow 14s linear infinite}.prism-result{fill:#f4faf8;stroke:#9abdaf;animation:prismFloat 8s ease-in-out infinite;animation-delay:-4s}.prism-result path{stroke:#719e8c}.prism-spark{fill:#6c8fe7;stroke:none;transform-origin:210px 151px;animation:prismSpin 14s linear infinite}.capability-prism[data-phase=voice] .voice-card,.capability-prism[data-phase=vision] .vision-card,.capability-prism[data-phase=document] .document-card{stroke:#799be9;filter:drop-shadow(0 0 9px #b4c8ff99)}.capability-prism[data-phase=vision] .prism-shell{animation-direction:reverse}.capability-prism[data-phase=document] .prism-shell{stroke-dasharray:2 5}.prism-status{position:absolute;bottom:68px;left:15px;right:15px;text-align:center;font-size:10px;color:#607aa6;line-height:1.4}.prism-controls{position:absolute;bottom:30px;left:18px;right:18px;display:flex;gap:6px;padding:4px;border:1px solid #e4eafa;border-radius:12px;background:#ffffffb8;backdrop-filter:blur(8px)}.prism-controls button{flex:1;border:0;border-radius:8px;padding:7px 2px;background:transparent;color:#8192b2;font-size:9px;transition:background .3s,color .3s}.prism-controls button[aria-pressed=true]{background:#e9efff;color:#385ca9;box-shadow:0 2px 6px #233f8610}.prism-controls button:focus-visible{outline:2px solid #5479da;outline-offset:2px}.prism-footnote{position:absolute;bottom:11px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.08em;color:#94a4bd}.agent-workshop{background:radial-gradient(ellipse at 50% 57%,#e1eaff,transparent 60%),linear-gradient(140deg,#fcfdff,#f0f5ff)}.work-grid{stroke:#c1d1f1;opacity:.5}.work-platform{fill:#eff4ff;stroke:#97b0e9;animation:workPlatform 7s ease-in-out infinite}.work-agent{fill:#f8faff;stroke:#91aae6;stroke-width:1.5;animation:prismFloat 7s ease-in-out infinite;filter:drop-shadow(0 10px 9px #5673bd22)}.work-agent>path:first-child{fill:#e0e9ff}.work-agent>path:nth-last-child(2){stroke:#5075c9;stroke-width:3}.work-module{fill:#fff;stroke:#c6d6f3;animation:prismFloat 8s ease-in-out infinite}.module-vision{animation-delay:-2s}.module-document{animation-delay:-4s}.work-review{fill:#f2f9f6;stroke:#94bbab;opacity:.45}.agent-workshop[data-phase=design] .work-links{stroke:#577fd8;stroke-width:2;animation-duration:7s}.agent-workshop[data-phase=design] .work-module{filter:drop-shadow(0 0 8px #b2c8ff77)}.agent-workshop[data-phase=pilot] .work-review{opacity:1;filter:drop-shadow(0 0 10px #b1dccc77)}.agent-workshop[data-phase=pilot] .work-agent{stroke:#698dd7}.agent-workshop[data-phase=discover] .work-parts{opacity:.65}.agent-workshop .prism-controls button[aria-pressed=true]{background:#e6edf9}.work-parts,.work-review{transition:opacity .4s}
@keyframes prismFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes prismSpin{to{rotate:360deg}}@keyframes prismFocus{0%,100%{scale:.8;opacity:.7}50%{scale:1.15;opacity:1}}@keyframes prismScan{0%,100%{translate:0 -13px;opacity:.4}50%{translate:0 12px;opacity:1}}@keyframes workPlatform{0%,100%{translate:0 0}50%{translate:0 4px}}
@media(max-width:767px){.prism-art{top:24px;height:calc(100% - 102px)}.prism-banner .scene-caption{top:15px;font-size:6.5px}.prism-status{font-size:9px;bottom:67px}.prism-controls{left:14px;right:14px}.prism-controls button{font-size:9px;padding:7px 2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Company banner: text-only brand, retaining the existing sculpture and motion. */
.kinetic-company .company-banner-name{font-family:var(--font);font-size:22px;font-weight:600;letter-spacing:.13em;color:#203969;padding-left:.13em;line-height:1}
@media(max-width:767px){.kinetic-company .company-banner-name{font-size:19px;letter-spacing:.11em}}